import React from 'react'
import {List} from "antd";


interface IProps {

}

interface IState {
  listData: any[]
}

class Index extends React.Component<IProps, IState> {

  state: IState = {
    listData: [
      {
        title: 'Notice Ant Design Title 1',
        description:'description1'
      },
      {
        title: 'Notice Ant Design Title 2',
        description:'description2'
      },
      {
        title: 'Notice Ant Design Title 3',
        description:'description3'
      },
      {
        title: 'Notice Ant Design Title 4',
        description:'description4'
      },
    ]
  };

  render() {
    return (
      <List
        size="large"
        dataSource={this.state.listData}
        renderItem={(item) => {
          return (
            <List.Item actions={item.actions}>
              <List.Item.Meta title={item.title} description={item.description}/>
            </List.Item>
          );
        }}
      />
    );
  }
}

export default Index
